import Vue from 'vue'
import App from './App.vue'
import router from '@/router'
import store from '@/store'

// 三级联动组件---全局组件
import TypeNav from '@/components/TypeNav'
Vue.component(TypeNav.name,TypeNav)
Vue.config.productionTip = false

// 引入lodash
// import _ from 'lodash'
// Vue.prototype._=_

//测试接口
// import {reqCategoryList,test} from '@/api'
// reqCategoryList()
// console.log(6);
// test().then((res)=>{
//   console.log(res.data);
// })

// 引入mockServe.js
import '@/mock/mockServe'

// 引入swiper样式
import 'swiper/css/swiper.css';

// 图片懒加载
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
    // preLoad: 1.3,//预载高度比例
    loading: require('@/assets/1.gif'),//加载中图片，一定要有，不然会一直重复加载占位图
    error: require('@/assets/1.gif'),  //加载失败图片
    // attempt: 1 //尝试次数
});

//引入表单校验插件，写在自己的插件文件里了
import "@/plugins/validate";
// Vue.use(require('v-validate'));这个暂时不知道怎么用

//统一接口api文件夹里面全部请求函数
//统一引入
import * as API from '@/api';

// 使用ele ui
import {MessageBox} from 'element-ui'
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;

//引入自定义插件
import myPlugins from '@/plugins/myPlugins';
Vue.use(myPlugins,{
    name:'upper'
});

new Vue({
  render: h => h(App),
  // k，v一致的,此时组件拥有$route和$router属性
  // 配置全局事件总线
  beforeCreate(){
    // this是VM
    Vue.prototype.$bus=this;
    Vue.prototype.$API = API;
  },
  router,
  store
}).$mount('#app')
